<template>
  <div class="success-modal">
    <div class="modal-header">
      <div class="title">修改邮箱</div>
    </div>
    <div class="modal-content">
      <div class="state-logo">
        <mds-icon type="check-circle" />
        <p>修改成功</p>
      </div>
      <p>你现在的登录邮箱为：moguxiaoxiang@me.com<br />现在开始你需要使用该邮箱来登录58新服</p>
      <mds-button>重新登录</mds-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formValue: {
        oldPassword: '',
        newPassword: '',
        truePassword: '',
        verificationCode: ''
      }
    }
  },
  methods: {
    onSubmit() {
      this.$message.warning({
        content: '操作过于频繁，请稍后再试',
        duration: 3
      })
    }
  }
}
</script>

<style lang="scss">
.success-modal{
  .mdsicon-check-circle {
    font-size: 48px;
    color: #00BA00;
  }
}
</style>

<style lang="scss" scoped>
.success-modal {
  width: 640px;
  height: 393px;
  margin: 70px auto;
  background: #fff;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  .modal-header {
    height: 80px;
    font-size:20px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(53,64,82,1);
    line-height:28px;
    padding-left: 35px;
    border-bottom: solid 1px rgba(0,0,0,0.09);
    .title {
      line-height: 80px;
      width: 120px;
      text-align: center;
    }
  }
  .modal-content {
    text-align: center;
    .state-logo {
      padding-top: 40px;
      p{
        font-size:16px;
        font-family:PingFangSC-Medium,PingFang SC;
        font-weight:500;
        color:rgba(53,64,82,1);
        line-height:24px;
        margin: 16px 0;
      }
    }
    p{
      font-size:14px;
      font-family:PingFangSC-Regular,PingFang SC;
      font-weight:400;
      color:rgba(127,143,164,1);
      line-height:22px;
      margin-bottom: 40px;
    }
    button {
      width:200px;
      height:36px;
      border-radius:4px;
      border:1px solid rgba(202,210,221,1);
      font-size:14px;
      font-family:PingFangSC-Regular,PingFang SC;
      font-weight:400;
      color:rgba(53,64,82,1);
    }
  }
}
</style>
